const path = require('path')
/* 覆盖webpack的配置 */
module.exports = {
  // 这个是给webpack - dev - server开启可IP和域名访问权限
  chainWebpack: config => {
    config.devServer.disableHostCheck(true)
  },
  devServer: { // 自定义服务配置
    open: true,
    port: 8080
  },

  // 开启eslint检查(如果有格式问题(不是代码问题)，不会编译失败，不影响开发
  lintOnSave: true,

  // 打包后可以部署到任意目录，避免打开后的白页问题，不加只能部署到服务器根目录
  publicPath: './',

  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'less', // 自动注入less文件到页面style中
      patterns: [
        // 配置哪些文件需要自动导入
        path.join(__dirname, '/src/styles/variable.less')
      ]
    }
  }
}
